import React, { Component } from 'react';
import './hot.scss'
export default class Hot extends Component {
    constructor(props: any) {
        super(props);
    }
    render() {
        return (
            <div className="hotCon">
                <div className="hotList">
                    <div className="detailCon">
                        <ul className="mask">
                            <li className="setColor wEle">专栏</li>
                            <li className="wEle">MacroZheng</li>
                            <li className="wEle">45分钟前</li>
                            <li>react</li>
                        </ul>
                        <h4>Github标星34K+Star，这款开源项目助你秒建Git服务！</h4>
                        <ul className="oper">
                            <li>
                                <img src={require('~/images/zan.svg')} alt="" className="zan" />
                                <span className="count">4</span>
                            </li>
                            <li><img src={require('~/images/comment.svg')} alt="" className="comment" /></li>
                            <li className="share"><img src={require('~/images/share.svg')} alt="" title="分享" /></li>
                        </ul>
                    </div>
                    <img src={require('~/images/3.jpg')} alt="" className="proImg" />
                </div>
                <div className="hotList">
                    <div className="detailCon">
                        <ul className="mask">
                            <li className="setColor wEle">专栏</li>
                            <li className="wEle">MacroZheng</li>
                            <li className="wEle">45分钟前</li>
                            <li>react</li>
                        </ul>
                        <h4>Github标星34K+Star，这款开源项目助你秒建Git服务！</h4>
                        <ul className="oper">
                            <li>
                                <img src={require('~/images/zan.svg')} alt="" className="zan" />
                                <span className="count">4</span>
                            </li>
                            <li><img src={require('~/images/comment.svg')} alt="" className="comment" /></li>
                            <li className="share"><img src={require('~/images/share.svg')} alt="" title="分享" /></li>
                        </ul>
                    </div>
                    <img src={require('~/images/3.jpg')} alt="" className="proImg" />
                </div>
                <div className="hotList">
                    <div className="detailCon">
                        <ul className="mask">
                            <li className="setColor wEle">专栏</li>
                            <li className="wEle">MacroZheng</li>
                            <li className="wEle">45分钟前</li>
                            <li>react</li>
                        </ul>
                        <h4>Github标星34K+Star，这款开源项目助你秒建Git服务！</h4>
                        <ul className="oper">
                            <li>
                                <img src={require('~/images/zan.svg')} alt="" className="zan" />
                                <span className="count">4</span>
                            </li>
                            <li><img src={require('~/images/comment.svg')} alt="" className="comment" /></li>
                            <li className="share"><img src={require('~/images/share.svg')} alt="" title="分享" /></li>
                        </ul>
                    </div>
                    <img src={require('~/images/3.jpg')} alt="" className="proImg" />
                </div>
            </div>
        )
    }
}